<template>
<div>
<button-group>
	<button text="button1" class="vue-btn vue-btn-default"></button>
	<button text="button2" class="vue-btn vue-btn-default"></button>
	<button text="button3" class="vue-btn vue-btn-default"></button>
</button-group>
<div class="mt-15"></div>
<button-group>
	<button text="button1" class="vue-btn vue-btn-green"></button>
	<button text="button2" disabled class="vue-btn vue-btn vue-btn-blue"></button>
	<button text="button3" class="vue-btn vue-btn vue-btn-yellow"></button>
</button-group>
<div class="mt-15"></div>
<button-group>
	<button text="button1" class="vue-btn vue-btn-default"></button>
	<button text="button2" class="vue-btn vue-btn-default"></button>
	<button text="button3" class="vue-btn vue-btn-default"></button>
</button-group>
</div>
</template>

<script>
import button from "components/button/button"
import buttonGroup from "components/button/buttongroup"

export default{
	data(){
		return{
			button: {
				loading: true
			}
		}
	},
	components: {
		button,buttonGroup
	},
	methods:{
		showLoading: function(){
			
		}
	}
}
</script>